@import "../common/functions.scss";
@import "../common/_variables.scss";
$fs: pxToRem(30px) pxToRem(48px) pxToRem(36px) pxToRem(24px);
%fb{font-weight: bold;}
body{
	background: #31D1E1;
	font-family: $sans-serif;
	position: relative;
}
.prove_head,.prove_bottom{
	img{
		width: 100%;
	}
}
.prove_main{
	padding: pxToRem(80px) pxToRem(30px) pxToRem(10px);
	text-align: center;
	h3{
		color: #036b76;
		font-size: nth($fs,1);
		margin-bottom: pxToRem(50px);
		line-height: 1;
	}
	.pin_input,button,.mob_num{
		box-shadow: pxToRem(4px) pxToRem(4px) 0 #16B9CD;
		border-radius: .1rem;
		height: pxToRem(78px);	
	}
	.pin_input,.mob_num{
		padding-left: pxToRem(20px);
	}
	button{
		border:none;
		color: $_fff;
		white-space: nowrap;
		background-color: #ff7200;
	}
	.mob_num{
		margin-bottom: pxToRem(20px);
		width: 100%;
		color: #036d7a;
		font-size: nth($fs,2);
		background-color: #72e7f0;
		text-align: left;
		line-height: pxToRem(78px);
	}
	.mob_pin{
		font-size: nth($fs,1);
		.pin_input{
			width: pxToRem(414px);
			margin-right: pxToRem(20px);
			background-color: $_fff;
			line-height: 2.5;
			input{
				color: #c9c9c9;
				width: 100%;
			}
		}
		button{
			display: block;
			width: pxToRem(256px);
		}
	}
	.error{
		color: #FF0000;
		margin-top: pxToRem(25px);
		font-size: nth($fs,4);
		text-align: left;
		display: none;
	}
	.submit{
		margin-top: pxToRem(25px);
		font-size: nth($fs,1);
		width: 100%;
	}
	.gray{
		background-color: #CDCBCC;
	}
}